<extend name="Public:base" />

<block name="style">
	<style>
        .main{width:830px;}
        a{text-decoration: none;}
        .yi{width: 788px;border:1px solid #E0E0E0;padding-bottom: 10px;}
        .er{width:778px;height:53px;background: #ECF3F7;.font-size: 18px;padding-left: 10px;font-weight: normal;line-height: 53px;}
        .gods{width:694px;height: 120px;margin:0 auto;border-bottom:1px dotted #ccc;}
        .gods ul li{float: left;font-family: "Microsoft YaHei";font-size: 13px;}


        .yiii{width: 788px;border:1px solid #E0E0E0;padding-bottom: 30px;}
        .err{width:778px;height:53px;background: #ECF3F7;.font-size: 18px;padding-left: 10px;font-weight: normal;line-height: 53px;}
        .sann{width:694px;height: 53px;margin:0 auto;border-bottom: 1px dotted #E0E0E0;}
        .sann ul li{float:left;line-height: 53px;font-weight:700;font-size:18px;color:#666666;}
        .goods{width:694px;height: 86px;margin:0 auto;text-indent: 20px;}
        .goods ul li{float: left;line-height: 86px;font-family: "Microsoft YaHei";font-size: 13px;}
        .butn{border:0px;background: url("__PUBLIC__/imgs/show_option.png");width: 76px;height: 28px;font-size: 14px;color:#fff;line-height: 28px;padding-right: 15px;}
        .butn:hover{cursor: pointer;background: url("__PUBLIC__/imgs/show_option_active.png");}
        .disc{width:670px;height: 370px;border: 1px solid #E0E0E0;margin: 0 auto;}
        .dischd{width: 670px;height: 45px;}
        .dischd ul li{float: left;line-height: 45px;text-align: left;}
        .level{width: 670px;height: 30px;}
        .level ul li{float:left;line-height: 30px;}
        .pinlun{width: 670px;height: 161px;margin-top:20px;}
        .annv{width:640px;height:43px;margin-left: 30px;margin-top: 40px;}
        .tijiao{width:108px;height:43px;border: 0px;background: url("__PUBLIC__/imgs/bg_big_blue.jpg");color: white;text-align: center;line-height: 20px;font-size: 17px;}
        .tijiao:hover{cursor: pointer;background: url("__PUBLIC__/imgs/bg_big_blue_hover.jpg");}
	</style>
</block>

<block name="main">
    <div class="main">
        
    	<div class="mainbg"></div>
        <div class="appraise-manage">
            <div class="photo-tab">
                <span class="other-text">商品只能评价一次，请认真客观评价。</span>
                <ul class="clearfix">
                    <li class="hover">我进行的评价</li>
                </ul>
            </div>

            <!--未评论商品-->
            <div class="yiii">
            <h3 class="err">订单编号：{$orderid}</h3>
            <div class="sann">
             <!-- <table width="800px" border="1">
                <tr>
                    <td>商品</td>
                    <td>价格</td>
                    <td>操作</td>

                </tr>
                <tr>
                    <td><img src="__ROOT__/Uploads/{$val.picname}" style="width:63px;height:63px;border:1px solid #cccccc;margin-top:11px;overflow:hidden"></td>
                    <td>{$val.name}</td>
                    <td>{$val.price}</td>
                     <if condition="$val['status'] eq 0">
                    <td><button class="butn" id='butn'>评价</button></td>
                    <else />
                    <td><button class="butn" id='butn' disabled style="background:gray">已评价</button></td>
                        
                    
                    </if>

                </tr>
            </table>  -->
                 <ul>
                    <li style="margin-left:135px">商品</li>
                    <li style="margin-left:200px">价格</li>
                    <li style="margin-left:150px">操作</li>
                </ul>  
            </div>
            
            
            <foreach name='info' item='val'>
            <div class="goods">
                <ul style="border-bottom:1px solid black;">
                    <li style="margin-left:10px;height:86px;">
                        <img src="__ROOT__/Uploads/{$val.picname}" style="width:63px;height:63px;border:1px solid #cccccc;margin-top:11px;overflow:hidden">
                    </li>
                    <li style="margin-left:22px;color:#3D9DDA">
                        {$val.name}
                    </li>
                    <li style="margin-left:100px">
                        {$val.price}
                    </li>
                    <if condition="$val['status'] eq 0">
                    <li style="margin-left:100px;">
                        <button class="butn" id='butn'>评价</button>
                    </li>
                    <else />
                    <li style="margin-left:100px;">
                        <button class="butn" id='butn' disabled style="background:gray">已评价</button>
                    </li>
                    </if>
                </ul>

            </div>
            
            <div class="disc" style="display:none">
                <div class="dischd">
                    <ul>
                        <li style="width:90px;height:45px;margin-left:10px;color:#535353;font-size:20px;font-weight:700;">
                            发表评论
                        </li>
                        <li style="color:#535353;font-size:13px;margin-left:12px;">
                            (选择评论等级)
                        </li>
                    </ul>
                </div>
                <form action="{:U('Comment/add')}" method="post">
                        <input type="hidden" name='goodsid' value='{$val.goodsid}'>
                        <input type="hidden" name='orderid' value='{$val.orderid}'>
                        
                    <div class="level">
                        <ul>
                            <li style="margin-left:70px;">评论等级：</li>
                            <li style="margin-left:20px;">
                                <input type="radio" checked="checked" name="clevel" value="0" > 好评
                                <input type="radio" name="clevel" value="1"> 中评
                                <input type="radio"  name="clevel" value="2"> 差评
                            </li>
                        </ul>   
                    </div>
                    <div class="pinlun">
                        <textarea style="width:610px;height:160px;margin-left:25px;COLOR: #535353" class="action-fill-textarea" data-caution="请填写回复内容，最多1000字" placeholder="欢迎发表评论，最多1000字。" vtype="required" rows="10" cols="30" name="content"></textarea>
                    </div>

                    <div class="annv">
                        <button class="tijiao">提交评论</button>
                    </div>
                </form>             
            </div>        
            </foreach>
        
        </div>
        </div>

        <script>           
            $('.butn').click(function(){
                $(this).parent().parent().parent().next().slideToggle("show");

            });
        </script>

    </div>
</block>
